{% extends 'base.html' %}

{% block title %}
    <title>{{ post.title }}_{{ post.category }}_追梦人物的博客</title>
{% endblock title %}

{% block aside %}
    <aside id="sidebar" class="sidebar hide-on-mobile">
        <div class="logo text-center top-gap"><a href="{% url 'blog:index' %}">ZM</a></div>
        <nav class="toc top-gap-big">
            <div class="lead">目录</div>
            {{ post.toc }}
        </nav>
        <nav class="toc top-gap-big">
            <div class="lead">相关阅读</div>
            <ul>
                <li>Python3的文件open</li>
                <li>Python3源文件编码改为UTF-8</li>
                <li>Python3的yield from语法</li>
                <li>其他的小改动</li>
            </ul>
        </nav>
    </aside>
{% endblock aside %}

{% block main %}
    <main class="container" id="id_container">
        <article class="post">
            <h1 class="title">{{ post.title }}</h1>
            <ul class="meta text-muted">
                <li>阅读 1356</li>
                ·
                <li>评论 56</li>
                ·
                <li>2016年12月7日</li>

            </ul>
            <div class="show-content">
                {{ post.body_html }}
            </div>
            <hr>
            <footer>
                <div class="copyright">
                    <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/cn/"><img alt="知识共享许可协议"
                                                                                                      style="border-width:0"
                                                                                                      src="https://i.creativecommons.org/l/by-nc-nd/3.0/cn/80x15.png"/></a><br/>本作品采用<a
                        rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/cn/">知识共享署名--禁止演绎 3.0
                    中国大陆许可协议</a>进行许可。
                </div>
                <div class="share"><i class="item-icon fa fa-share-alt" aria-hidden="true"></i> 分享到
                    <ul class="flex-center tags">
                        {% for tag in post.tags.all %}
                            <li><a href="{% url 'blog:in_tag' tag.slug %}" title="" class=""># {{ tag.name }}</a></li>
                        {% empty %}
                            暂无标签
                        {% endfor %}
                    </ul>
                </div>
            </footer>
        </article>
        {% comment %}
        <div class="pre-next flex-middle">
            <div class="pre text-left unit"><a href="" class="text-left"><i class="fa fa-chevron-left"
                                                                            aria-hidden="true"></i>dasfasfdfsdfsdfsdfsdfsdf</a>
            </div>
            <div class="pre text-right unit"><a href="" class="text-right">非商业性使用知识共享署名知识共享署名<i
                    class="fa fa-chevron-right" aria-hidden="true"></i></a></div>
        </div>
        {% endcomment %}
        <section class="comment_area" id="id_comment_area">
            <form action="" class="comment_form form">
                <label for="id_textarea">评论</label>
                <textarea name="" id="id_textarea" rows="5"></textarea>
                <div class="flex-right units-gap">
                    <div class="unit-1-4">
                        <button type="button" class="btn">预览</button>
                    </div>
                    <div class="unit-1-4">
                        <button type="submit" class="btn btn-primary">提交</button>
                    </div>
                </div>
            </form>
            <div class="root_comment">
                <img class="avatar" src="default_avatar.jpg" alt="">
                <div class="comment_body">
                    <address title="" class="author">追梦人物</address>
                    <div class="comment_txt">
                        为此欢呼吧，你再也不用写那些恶心的#!encoding=utf-8的什么鬼了，大大方方的用中文写注释吧！<br>
                        当然你要用中文编程，也不是不可以啊。
                    </div>
                    <footer class="flex-right">
                        <time>4小时前</time>
                        <a href="" class="reply_btn">回复</a>
                    </footer>
                </div>
                <!-- nested comment -->
                <div class="nested_comment">
                    <img src="default_avatar.jpg" class="avatar" alt="">
                    <div class="comment_body">
                        <address title="" class="author">曾韶 @ 追梦人物</address>
                        <div class="comment_txt">
                            为此欢呼吧，你再也不用写那些恶心的#!encoding=utf-8的什么鬼了，大大方方的用中文写注释吧！<br>
                            当然你要用中文编程，也不是不可以啊。 当然你要用中文编程，也不是不可以啊。 当然你要用中文编程，也不是不可以啊。 当然你要用中文编程，也不是不可以啊。
                        </div>
                        <footer class="flex-right">
                            <time>3小时前</time>
                            <a href="" class="reply_btn">回复</a>
                        </footer>
                    </div>
                </div>
                <div class="nested_comment">
                    <img src="default_avatar.jpg" class="avatar" alt="">
                    <div class="comment_body">
                        <address title="" class="author">追梦人物 @ 曾韶</address>
                        <div class="comment_txt">
                            为此欢呼吧，你再也不用写那些恶心的#!encoding=utf-8的什么鬼了，大大方方的用中文写注释吧！<br>
                            当然你要用中文编程，也不是不可以啊。当然你要用中文编程，也不是不可以啊。当然你要用中文编程，也不是不可以啊。当然你要用中文编程，也不是不可以啊。
                        </div>
                        <footer class="flex-right">
                            <time>3小时前</time>
                            <a href="" class="reply_btn">回复</a>
                        </footer>
                    </div>
                </div>
            </div>
            <div class="root_comment">
                <img class="avatar" src="default_avatar.jpg" alt="">
                <div class="comment_body">
                    <address title="" class="author">追梦人物</address>
                    <div class="comment_txt">
                        为此欢呼吧，你再也不用写那些恶心的#!encoding=utf-8的什么鬼了，大大方方的用中文写注释吧！<br>
                        当然你要用中文编程，也不是不可以啊。
                    </div>
                    <footer class="flex-right">
                        <time>4小时前</time>
                        <a href="" class="reply_btn">回复</a>
                    </footer>
                </div>
            </div>
            <div class="root_comment">
                <img class="avatar" src="default_avatar.jpg" alt="">
                <div class="comment_body">
                    <address title="" class="author">追梦人物</address>
                    <div class="comment_txt">
                        为此欢呼吧，你再也不用写那些恶心的#!encoding=utf-8的什么鬼了，大大方方的用中文写注释吧！<br>
                        当然你要用中文编程，也不是不可以啊。
                    </div>
                    <footer class="flex-right">
                        <time>4小时前</time>
                        <a href="" class="reply_btn">回复</a>
                    </footer>
                </div>
            </div>
            <div class="root_comment">
                <img class="avatar" src="default_avatar.jpg" alt="">
                <div class="comment_body">
                    <address title="" class="author">追梦人物</address>
                    <div class="comment_txt">
                        为此欢呼吧，你再也不用写那些恶心的#!encoding=utf-8的什么鬼了，大大方方的用中文写注释吧！<br>
                        当然你要用中文编程，也不是不可以啊。
                    </div>
                    <footer class="flex-right">
                        <time>4小时前</time>
                        <a href="" class="reply_btn">回复</a>
                    </footer>
                </div>
            </div>
        </section>
        <footer class="flex-center">&copy; 2016 All Rights Reserved</footer>
    </main>
{% endblock main %}